@extends('layout')

@section('content')
    <link rel="stylesheet" href="{{asset('css/about.css')}}">
    <div class="container about-content">
        <div class="row">
            <div class="col-sm-3" style="text-align: center;">
                <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">公司简介</a>
                    <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">经营范围</a>
                    {{--<a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">联系我们</a>--}}
                </div>
                @component('gongao',['gonggao'=>$gonggao])
                @endcomponent
            </div>
            <div class="col-sm-9">

                <div class="tab-content" id="v-pills-tabContent">
                    <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
                        <div class="content-container">
                            <div class="part-title-box">
                                <div class="part-title">公司简介</div>
                            </div>
                            <div class="ql-editor">
                                {!! $about->introduce !!}
                            </div>
                        </div>

                    </div>
                    <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
                        <div class="content-container">
                            <div class="part-title-box">
                                <div class="part-title">经营范围</div>
                            </div>
                            <div class="ql-editor">
                                {!! $about->manage !!}
                            </div>
                        </div>
                    </div>
                    {{--<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">--}}
                        {{--<div class="content-container">--}}
                            {{--<div class="part-title-box">--}}
                                {{--<div class="part-title">联系我们</div>--}}
                            {{--</div>--}}
                            {{--<p class="text-justify">--}}
                            {{--<pre style="white-space: pre-wrap;">{{$about->telephone}}</pre>--}}
                            {{--</p>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                </div>
            </div>
        </div>
    </div>
@endsection
